<template>
	<view>
		<view class="row j-centert f-column a-center" :style="{ 'padding-top': top + 'rpx' }">
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/list.png'"
				class="emptyImg"
				v-if="empty == 'list'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/address.png'"
				class="emptyImg"
				v-if="empty == 'address'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/car.png'"
				class="emptyImg"
				v-if="empty == 'car'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/coupon.png'"
				class="emptyImg"
				v-if="empty == 'coupon'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/history.png'"
				class="emptyImg"
				v-if="empty == 'history'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/message.png'"
				class="emptyImg"
				v-if="empty == 'message'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/news.png'"
				class="emptyImg"
				v-if="empty == 'news'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/order.png'"
				class="emptyImg"
				v-if="empty == 'order'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/search.png'"
				class="emptyImg"
				v-if="empty == 'search'"></image>
			<image
				:src="imgUrl + '/singleSaleShopH5/img/empty/comment.png'"
				class="emptyImg"
				v-if="empty == 'comment'"></image>
			<text class="size26 m-top20" :class="Color">{{ title }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'empty',
		props: {
			empty: {
				type: String,
				default: 'list',
			},
			title: {
				type: String,
				default: '',
			},
			top: {
				type: Number,
				default: 100,
			},
			Color: {
				type: String,
				default: 'color_cc',
			},
		},
		data() {
			return {
				imgUrl: this.imgUrl,
			};
		},
	};
</script>

<style lang="scss" scoped>
	.emptyImg {
		width: 300rpx;
		height: 300rpx;
	}
</style>
